<template>
    <div class="card">
        <Search></Search>
        <Weather></Weather>
    </div>
</template>

<script>
    import Search from './components/Search.vue'
    import Weather from './components/Weather.vue'
	export default {
		name : 'App',
        components : {Search, Weather}
	}
</script>

<style lang="css">
/*公共样式*/
*{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

body {
    background : #222;
}

.card {
    width: 70%;
    max-width: 470px;
    background: linear-gradient(135deg, #00feba, #5b548a);
    color: #fff;
    margin: 100px auto 0;
    border-radius: 20px;
    padding: 40px 35px;
    text-align: center;
}
</style>